
TypeScript中的Http请求
我试图将nodejs中的以下代码片段转换为打字稿:如何在Nodejs中进行Http请求这是我的TypeScript代码:import * as http from 'http';export class HttpRequest{url: string;private path: string;private host: string;private args: Array<Array<string>>;constructor(url: string, args?: string){ this.url ...
2024-01-10
scrapy run spider from script
我想通过脚本而不是 scrap crawl我找到此页面http://doc.scrapy.org/en/latest/topics/practices.html但实际上并没有说明将脚本放在何处。有什么帮助吗?回答:只需检查官方文档即可。我会进行一些更改,以便你可以控制Spider仅在执行此操作时运行,python myscript.py而不是每次从其导入时都运行。只需添加一个if __...
2024-01-10
Webpack和Typescript图像导入
我正在开发一个 应用程序并使用 和 。我想在<img/>标签之一中使用图片。但是,我没有找到访问图像文件的正确方法。 : ... module: { rules: [ ... { test: /\.(png|jpe?g|svg)$/, loader: 'file-loader', options: { name: 'as...
2024-01-10
TypeScript React应用程序中的PropTypes
React.PropTypes在TypeScript React Application中使用有意义吗?还是“皮带和吊带”的情况?由于组件类是使用Props类型参数声明的:interface Props { // ...}export class MyComponent extends React.Component<Props, any> { ... }有添加任何真正的好处吗static propTypes { myProp: React.PropTypes.string}类定义?回答:将两个...
2024-01-10
使用Typescript进行接口类型检查
这个问题是使用TypeScript进行类类型检查的直接类比我需要在运行时找出类型为any的变量是否实现了接口。这是我的代码:interface A{ member:string;}var a:any={member:"foobar"};if(a instanceof A) alert(a.member);如果在打字机游乐场输入此代码,则最后一行将被标记为错误,“名称A在当前作用域中不存在”。但这...
2024-01-10
在TypeScript中导入json文件
我有一个如下JSON文件:{ "primaryBright": "#2DC6FB", "primaryMain": "#05B4F0", "primaryDarker": "#04A1D7", "primaryDarkest": "#048FBE", "secondaryBright": "#4CD2C0", "secondaryMain": "#00BFA5", "secondaryDarker": "#009884", "secondaryDarkes...
2024-01-10
使用TypeScript进行反应-在无状态函数中定义defaultProps
我将React与TypeScript一起使用,并且创建了无状态函数。为了便于阅读,我从示例中删除了无用的代码。interface CenterBoxProps extends React.Props<CenterBoxProps> { minHeight?: number;}export const CenterBox = (props: CenterBoxProps) => { const minHeight = props.minHeight || 250; const style =...
2024-01-10
将React forwardRef与Typescript通用JSX参数一起使用
给定以下使用泛型类型参数的类型化React组件,我该如何将其包装在React的新forwardRefAPI中?type Props<T> = { forwardedRef?: Ref<HTMLInputElement> ...}class GenericComponent<T> extends Component<Props<T>> { ...}const ComponentWithRef = forwardRef<HTMLInputElement, Props<T>>((props, ref) =>...
2024-01-10
TypeScript包含没有JS库的@types的原理是什么?
通过参考@types/foo,我们可以在TypeScript代码中使用JavaScript库的功能。但为什么?它只是定义了一堆数据类型和接口,但实际的逻辑仍然在JS代码中。如何在不包含原始JS库的情况下运行代码?TypeScript包含没有JS库的@types的原理是什么?例如,要在TypeScript中实现地图服务,我们只包含@types/googlemaps而没有J...
2024-01-10
React Typescript:添加位置状态以响应路由器组件
我有正常路线function LoginPage(props: RouteComponentProps): React.ReactElement {...}使用RouteComponentPropsfrom react-router-dom。奇怪的是,这个组件很长一段时间都没有出现问题,但是现在当我用history.push(location.state.from.pathname)说的时候,它无法在travis-ci上编译Property 'from' does not exist on type '{}...
2024-01-10
使用Typescript进行热重载IIS Web服务器
在带有C#WebApi后端的TypeScript中开发我的React应用程序时,我想使用热重载。我使用.Net框架而不是Core,因此我需要使用IIS或IISExpress。我可以在webpack dev server没有问题的情况下对前端进行热重装,但是我无法访问API资源。我能做到吗?回答:找到了一个解决方案,webpack devserver用作IIS的反向代理。NPM...
2024-01-10
如何将JSON对象转换为Typescript类
我从远程REST服务器读取了JSON对象。此JSON对象具有Typescript类的所有属性(通过设计)。如何将收到的JSON对象转换为var类型?我不想填充一个打字稿变量(即有一个采用此JSON对象的构造函数)。它很大,因此要按子对象和按属性逐个复制所有内容,这将花费大量时间。回答:您不能简单地将Ajax请求中...
2024-01-10
如何在TypeScript中导出对象?
例如,我正在尝试导出TS对象以获取以下JavaScript输出:const path = require('path'), rootPath = path.normalize(__dirname + '/..'), env = process.env.NODE_ENV || 'development';let config = { development: { amqpUrl: "amqp://localhost:15672", root: rootPath }, te...
2024-01-10
Typescript和Jest:避免在模拟函数上键入错误
当想用Jest模拟外部模块时,我们可以使用该jest.mock()方法来自动模拟模块上的功能。然后,我们可以根据需要在模拟模块上操纵和询问模拟函数。例如,考虑以下模拟axios模块的人为示例:import myModuleThatCallsAxios from '../myModule';import axios from 'axios';jest.mock('axios');it('Calls the GET method as expected', async () =>...
2024-01-10
在TypeScript中对子项使用forwardRef组件
使用@ types / react 16.8.2和TypeScript 3.3.1。我直接从React文档中提出了这个前向引用示例,并添加了几个类型参数:const FancyButton = React.forwardRef<HTMLButtonElement>((props, ref) => ( <button ref={ref} className="FancyButton"> {props.children} </button>));// You can now get a ref dir...
2024-01-10
React / TypeScript:使用其他属性扩展组件
我正在尝试使用react重新创建当前的组件(以纯打字稿编写),但是我找不到方法为扩展另一个组件的组件提供额外的支持。export interface DataTableProps { columns: any[]; data: any[];}export class DataTable extends React.Component<DataTableProps, {}> { render() { // -- I can use this.props.columns and th...
2024-01-10
在NestJS中导入具有依赖注入的TypeScript模块
在我的NestJS应用程序中-我有TypeScript类,这些类中已经注入了其他类和值。唯一的是,我要导入带有import语句的TypeScript类,并使用DI系统注入它们。有什么方法可以删除导入语句并让DI系统处理它?回答:回答:import ->类参考DI->类实例化可以通过字符串标记进行匹配,但最好使用类引用。 回答:...
2024-01-10
将Typescript与React-Redux一起使用时出现类型错误
我正在尝试将React-redux与Typescript一起使用,当我尝试使用connect()和mapStateToProps注入道具时遇到类型错误。我的组件如下所示:function mapStateToProps(state) { return { counter: state.counter };}function mapDispatchToProps(dispatch) { return { incr: () => { dispa...
2024-01-10
在Typescript中使用样式化的组件,prop不存在吗?
这是我的样式化组件。import * as React from 'react';import styled from 'styled-components';import { ComponentChildren } from 'app-types';interface Props { children: ComponentChildren; emphasized: boolean;}const HeadingStyled = styled.h2` ${props => props.emp...
2024-01-10
在TypeScript React中导入图像-“找不到模块”
我正在尝试导入图像以在TypeScript的React组件中使用。我正在使用的捆绑器是包裹(不是Webpack)。我已经在.d.ts项目内部创建了一个带有图像文件扩展名的文件,并将其包含在内tsconfig.json。但是,当我尝试导入图像时,TS会对我大喊大叫Cannotfind module。我的项目结构:+ src + assets - image.jpg + com...
2024-01-10
在Typescript中反应createContext问题?
所以我在React Context + Typescript上遇到了一个很奇怪的问题。工作实例在上面的示例中,您可以看到我正在尝试做的实际工作。本质上,我正在使用新的useContext方法管理状态,并且它运行完美。但是,当我尝试在盒子上执行此操作时,似乎无法找到通过useReducer传递的状态值。export function AdminStoreProvider(...
2024-01-10
无类型npm模块的TypeScript自定义声明文件
我从npm到我使用TypeScript的项目中使用了一个名为shiitake的React组件。该库没有TypeScript声明,所以我想我会写一个。声明文件如下所示(它可能不完整,但不必担心太多):import * as React from 'react';declare module 'shiitake' { export interface ShiitakeProps { lines: number; } export default class Shiitake ex...
2024-01-10
在Typescript中实现接口时如何定义私有属性?
我在项目中使用TypeScript,但遇到了一个问题。我正在定义这样的接口:interface IModuleMenuItem { name: string;}我想创建一个从该接口实现的类,但我希望该名称成为这样的私有属性:class ModuleMenuItem implements IModuleMenuItem { private name: string;}我收到以下错误:类ModuleMenuItem错误地实现了接口IModuleMenuIt...
2024-01-10
如何在TypeScript中迭代JSON属性
我的问题很简单,我有一个以下JSON Typescript对象,并且我想迭代遍历JSON属性{"work_type":"Fabricación","work_type_resp":"Mesa","looking_for":"RelaciónCalidad/Precio","image":"https://s3-sa-east-1.amazonaws.com/online-quotation-images/153366018967.png","width":"22","high":"34","depth":"...
2024-01-10
覆盖从NPM @Types下载的V2.2.2中的TypeScript类型
我正在使用组件react-router-bootstrap和DefinitelyTyped中的定义。我的问题是下载的定义与组件不匹配。我创建了一个拉取请求来解决此问题,但是由于我不知道何时会打补丁,因此必须覆盖它。我不能只编辑node_modules\@types本地的类型定义文件,因为我们是一个团队,正在处理此项目,并且该node_modules文件夹...
2024-01-10
